﻿@charset "utf-8";
/* == f-screen == */
.banner { height:284px; overflow:hidden; clear:both; position:relative;}
#banner .f_img { width:960px; height:284px; overflow:hidden; font-family:Arial;overflow:hidden; filter:progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 ); }
#banner .f_img #banner_1, #banner .f_img #banner_1 #banner_2 { height:104px; padding:180px 0 0 595px; background:url(images/index/banner.jpg) no-repeat; overflow:hidden;}
#banner .f_img #banner_2 { height:284px; padding:0; background:url(images/index/banner_101120.jpg) no-repeat;}
#banner .f_img #banner_2 .d, #banner .f_img #banner_1 .b { display:inline-block; line-height:999px; overflow:hidden; position:relative;}
#banner .f_img #banner_1 .b { width:173px; height:52px;}
#banner .f_img #banner_2 .d { width:173px; height:52px; margin-right:15px;}
#banner #f_bn { position:absolute; bottom:15px; right:30px; height:22px; line-height:22px; width:156px; overflow:hidden; text-align:right;}
*html #banner #f_bn { position:fixed; margin-top:-37px; width:156px; height:22px; overflow:hidden; float:right; padding-right:30px;}
#banner #f_bn .f_bn_box { width:156px; overflow:hidden;}
#banner #f_bn a { float:left; width:22px; text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; display:block; cursor:pointer; font-size:12px; position:relative; margin-right:8px; font-weight:bold;_display:inline;}
#banner #f_bn a.f1 { background:url(images/index/focus_bn2.png) no-repeat; color:#ffffff;}
#banner #f_bn a.f2 { background:url(images/index/focus_bn1.png) no-repeat; color:#7b91b6;}

.intro h2 { height:50px; background:url(images/index/why_c.png) repeat-x; font-size:16px; color:#ffffff; font-weight:normal;}
.intro h2.s1 {}
.intro h2.s2 {}
.intro h2 span { position:absolute; display:block; width:164px; height:44px; margin:0 0 0 -11px; padding:6px 0 0 18px; line-height:42px; _line-height:44px; background:url(images/index/why_t.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="http://b.qq.com/static/images/index/why_t.png");}
.intro .c { height:231px; background:url(images/index/why_c.png) repeat-x; color:#262626;}
.intro .intro_ol { float:left;}
.intro h3 { font-size:14px; margin-bottom:6px;}
.intro .intro_ol li { float:left; width:237px; height:80px; _height:79px; margin:22px 4px 0 12px; display:inline; padding-left:60px; font-size:12px; _padding-top:1px; line-height:22px; background:url(images/index/why_list.gif) no-repeat; overflow:hidden;}
.intro .intro_ol li.s1 { background-position:0 4px;}
.intro .intro_ol li.s2 { background-position:0 -91px;}
.intro .intro_ol li.s3 { background-position:0 -186px;}
.intro .intro_ol li.s4 { background-position:0 -281px;}
.intro .intro_ol li.s5 { background-position:0 -376px;}
.intro .intro_ol li.s6 { background-position:0 -471px;}
.intro .video { float:left; width:245px; padding-top:24px;}
.box { width:958px; padding:1px; background:#ffffff; overflow:hidden;}
.col1 { float:left; width:709px;}
.col2 { float:left; width:249px; /*height:750px;*/ background:#f7fafd url(images/index/mt.png) no-repeat right bottom;}
/* == left == */
.gn { /*height:260px;*/ background:#ffffff;}
.gn h2 { font-size:16px; height:20px; padding:18px 0 0 21px; line-height:20px; background:#ffffff;}
.gn h3 { font-size:14px; margin-bottom:6px;}
.gn .gn_ul { width:709px; overflow:hidden; background:#ffffff;}
.gn .gn_ul li { float:left; width:262px; height:100px; margin:22px 3px 0 16px; display:inline; padding-left:70px; font-size:12px; line-height:22px; background:url(images/index/gn.jpg) no-repeat;}
.gn .gn_ul li.s1 { background-position:0 -20px; width:252px;}
.gn .gn_ul li.s2 { background-position:0 -120px;}
.gn .gn_ul li.s3 { background-position:0 -220px; width:252px;}
.gn .gn_ul li.s4 { background-position:0 -320px;}
.gn .gn_ul li.s5 { background-position:0 -420px;}
.gn .gn_ul li.s6 { background-position:0 -520px;}
.gn .gn_ul li.s7 { background-position:0 -620px;}
.gn .gn_ul li.s8 { background-position:0 -720px;}
.gn .gn_ul li.s9 { background-position:0 -820px;}
.gn .gn_ul li.s10 { background-position:0 -920px;}
.gn .gn_ul li.s11 { background-position:0 -1020px;}
.gn .gn_ul li.s12 { background-position:0 -1120px;}

/* 市场活动 */
.activity { height:300px; overflow:hidden; background:#ffffff;}
.activity h2 { font-size:16px; height:20px; padding:16px 0 0 0; margin-left:21px; line-height:20px;  background:#ffffff url(images/index/case_t.png) no-repeat 0 26px; position:relative;}
.activity h2 .t { background:#ffffff; padding-right:6px;}
.activity h3 { font-size:14px; color:#1a5d96; margin:15px 0 6px 0;}
.activity .activity_ul { padding-left:10px; margin-top:25px;}
.activity .activity_ul li { float:left; width:205px; display:inline; margin:0 12px 0 10px; font-size:12px; line-height:22px;}
.activity .time { color:#c00000;}
.activity .activity_ul li img { display:block;/* margin-bottom:15px;*/}
/* 成功案例 */
.case { height:260px; overflow:hidden; background:#ffffff;}
.case h2 { font-size:16px; height:20px; padding:16px 0 0 0; margin-left:21px; line-height:20px;  background:#ffffff url(images/index/case_t.png) no-repeat 0 26px; position:relative;}
.case h2 .t { background:#ffffff; padding-right:6px;}
.case h3 { font-size:14px; color:#1a5d96; margin-bottom:6px;}
.case .case_ul { padding-left:10px; margin-top:25px;}
.case .case_ul li { float:left; width:205px; display:inline; margin:0 12px 0 10px; font-size:12px; line-height:22px;}
.case .case_ul li img { display:block; margin-bottom:15px;}
.news { height:100px; overflow:hidden; padding-left:20px; margin-top:10px;}
.more { position:absolute; right:24px; top:16px; font-size:12px; font-weight:normal; display:inline-block; background:url(images/index/more.png) no-repeat 0 9px; padding-left:6px;}
.user { margin-top:10px;}
.user h2 { font-size:16px; height:20px; padding:16px 0 0 0; margin-left:21px; line-height:20px; position:relative; background:#ffffff url(images/index/case_t.png) repeat-x 100% 26px;}
.user h2 .t { background:#ffffff; padding-right:6px;}
.user h3 { font-size:14px; color:#1a5d96; margin-bottom:6px;}
.user .case_ul { padding-left:20px; margin-top:20px;}
.user .case_ul li { float:left; width:158px; height:52px; display:inline; margin:4px; overflow:hidden;}
/* == right == */
.account { text-align:center; padding:25px 0 12px 0;}
.wp { height:86px; background:url(images/index/wp.jpg) no-repeat; margin:9px 8px 0 10px; text-align:center;}
.wp .wp_b { font-size:14px; color:#466189; display:block; height:31px; padding:55px 0 0 0;}
.notes, .help, .mt, .at_notes { padding-bottom:20px;}
.at_notes, .help { background:url(images/index/col2_line.png) no-repeat center bottom;}
.at_notes { padding-bottom:40px;}
.col2 h2 { font-size:16px; height:20px; padding:20px 0 0 0; margin-left:22px; margin-bottom:18px; line-height:20px; position:relative; background:#f7fafd;}
.col2 ul { padding:0 0 0 22px;}
.col2 ul li { line-height:26px;}
.help ul { background:url(images/index/qa.png) no-repeat 105px bottom; height:148px;}
.help .more { top:20px;}

/* update by weiyin 2011-11*/
.edition_tab { padding:20px 20px 0; background:#fff;}
.edition_tab ul { height:31px; border-bottom:1px solid #2870c0;}
.edition_tab li { float:left;}
.edition_tab li a { display:block; height:31px; width:168px; font-size:16px; text-align:center; line-height:30px; color:#2870c0;}
.edition_tab li a.on { color:#ffffff; background:#2870c0 url(images/index/title_bg.jpg) repeat-x 0 0;}
.edition_con .gn { display:none;}
.edition_con .show { display:block;}
.edition_con .new { display:inline-block; height:15px; width:28px; line-height:999px; overflow:hidden; vertical-align:middle; background:url(images/index/new.gif) no-repeat 0 0;}

.dealer { padding: 20px; }
.dealer p { height: 31px; position: relative; }
.dealer p span { color: #FF7200; font-size: 14px; line-height: 31px; }
.dealer p span.phone { background: url(images/home/phone.png) no-repeat scroll 0 0 transparent; color: #59738D; display: inline-block; font-size: 12px; font-style: italic; height: 31px; position: absolute; right: 0; text-indent: 139px; top: 0; width: 261px; }
.jxs_list { margin: 0 auto; }
.jxs_list table.jxs_tb td { padding: 4px 8px; }
.jxs_list .jxs_detial { display: none; }
.jxs_list .jxs_qq { display: block; line-height: 21px; }
.jxs_list .red { color: #FF0000; }
.jxs_list .jxs_detial_div { background: none repeat scroll 0 0 #F0F0F0; border: 1px solid #CCCCCC; line-height: 1.8em; margin-bottom: 4px; margin-top: 4px; padding: 6px; width: 604px; }
.jxs_list a:link, .jxs_list a:visited, .jxs_list a:visited { text-decoration: none; }
.jxs_list table { border-collapse: collapse; font-size: 12px; margin: 6px 0; }
.jxs_list th { background: none repeat scroll 0 0 #DAEBF7; border: 1px solid #FFFFFF; color: #3D78A5; font-size: 12px; height: 30px; text-align: center; }
.jxs_list td { background: none repeat scroll 0 0 #F1F7FC; border: 1px solid #FFFFFF; font-size: 12px; height: 18px; padding: 3px 8px; text-align: center; }
.jxs_list td.fir { background: none repeat scroll 0 0 #F3F3F3; }
.jxs_list th.fir, .jxs_list td.even { background: none repeat scroll 0 0 #FFFFFF; }

.mini_video div { padding-left:22px;}

.customer { clear:both;}
.customer h2 { font-size:16px; height:20px; padding:16px 0 0 0; margin:0 20px 20px; line-height:20px; position:relative; background:#ffffff url(images/index/case_t_2.png) repeat-x 0 26px;}
.customer h2 .t { background:#ffffff; padding-right:6px;}
.customer_list { height:31px; width:916px; margin:0 20px; overflow:hidden; border:1px solid #ccc;}
.customer_list .inner { height:31px; width:3104px;}
.customer_list ul { float:left;}
.customer_list li { float:left; margin:0 1px; display:inline;}

.float_ol { position:fixed; top:50%; right:1px; height:157px; width:100px; margin-top:-78px; background:url(images/index/float.png) no-repeat 0 0;}
.float_ol a { display:inline-block; height:21px; width:83px; margin:128px 0 0 9px; line-height:20px; text-align:center;}
* html, * html body { background-attachment:fixed;}
* html .float_ol{ position:absolute; top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2)); }